<template>
  <view>
    <view class="hidden-title">隐患审核信息</view>
    <cu-cell-group>
      <cu-cell
        title="审核人："
        title-width="160rpx"
        :description="detail.actualReviewPersonName"
        description-align="left"
      >
      </cu-cell>
      <cu-cell title="实际审核时间：" :description="detail.reviewTime" description-align="left" />
      <cu-cell title="整改时间节点：" :description="detail.planDealTime" description-align="left" />
      <cu-cell
        title="整改部门："
        title-width="160rpx"
        :description="detail.planDealDeptName"
        description-align="left"
      />
      <cu-cell title="整改资金：" :description="detail.dealMoney" description-align="left" />
      <cu-cell
        title="整改人员："
        title-width="160rpx"
        :description="detail.planChargePersonName"
        description-align="left"
      />
      <cu-cell title="验收时间节点：" :description="detail.planAcceptanceTime" description-align="left" />
      <cu-cell
        title="验收部门："
        title-width="160rpx"
        :description="detail.planAcceptanceDeptName"
        description-align="left"
      />
      <cu-cell
        title="验收人员："
        title-width="160rpx"
        :description="detail.planAcceptancePersonName"
        description-align="left"
      />
      <!-- <cu-cell title="验收时间节点：" :description="detail.planStartTime" description-align="left"></cu-cell> -->
    </cu-cell-group>
    <view class="background-white bor-top">
      <view class="cell-label">整改要求:</view>
      <view class="cell-content">{{ detail.dealRequire || '--' }}</view>
    </view>
    <view class="background-white bor-top">
      <view class="cell-label">监控措施:</view>
      <view class="cell-content">{{ detail.emergencyPlan || '--' }}</view>
    </view>
  </view>
</template>

<script>
import CuCellGroup from '@/components/cu-cell/cu-cell-group.vue'
import CuCell from '@/components/cu-cell/cu-cell.vue'
export default {
  name: 'reviewInfo',
  props: {
    detail: {
      type: Object,
      default: {
        managePersonLabel: ''
      }
    }
  },
  components: {
    CuCellGroup,
    CuCell
  }
}
</script>

<style lang="scss" scoped>
.background-white {
  background-color: #fff;
  padding: 20rpx 30rpx 1rpx 30rpx;

  view {
    padding: 14rpx 0;

    text {
      color: #666;
      display: inline-block;
      width: 78%;
      vertical-align: top;
    }
  }

  .bor-btm {
    display: flex;
    border-bottom: 1px solid #d5d7e3;
  }

  .photo {
    display: flex;
    justify-content: space-between;

    image {
      width: 214rpx;
      height: 214rpx;
    }
  }
}

.hidden-title {
  background: #f5f5f5;
  padding: 20rpx;
  color: #999;
}

.bor-top {
  border-top: 20rpx solid #f5f5f5;
}

.cell-label {
  font-size: 30rpx;
}

.cell-content {
  font-size: 28rpx;
}
</style>
